@charset "utf-8";
/* CSS Document */

body{
	background-color:#ccc;
    background-image: url(../img/back.jpg);
    background-position:initial initial;
    background-repeat:initial initial;
    color:#565656;
    font-family:tahoma, verdana, geneva, lucida, arial, helvetica, sans-serif;
    font-size:10pt;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin:0;
    padding:0;
	direction:rtl;
}
a{text-decoration:none;}
img{
	border:none;}
#mid{
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 border-radius: 15px;
	background:#fff;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
    border: 5px solid #333;
	box-shadow:inset 0 0 3px #999999}

/*=============================*/
  /*-------- header ---------*/
/*=============================*/
#header{
	height:200px;
}
#top{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	z-index:9999999999;
	top:0px;
	position:relative;
	background-color:transparent !important;
	height:200px;}
#top-nav{
	background-color:#6b6b6b;
	margin:0;
	padding:0;
	height:35px;
	position: absolute;
	width:100% !important;
	top:0px;}
#scend-nav{
	background-color:#1cbbb4;
	top:35px;
	padding:0;
	margin:0;
	height:35px;
	position: absolute;
	width:100% !important;
}
.nav{
	position:absolute;
	right:0px;
	top:2px;
}
.nav li{
	display:inline;
}
.nav li a{
	border:none;
	color:#ccc;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:30px;
	padding-right:10px;
	font-family: 'DroidKufi-Regular', Tahoma, Geneva, sans-serif;
	font-size:12pt;
	margin:0 5px 0 0;

	-moz-transition: all 0.3s ease-in-out  !important;
	-webkit-transition: all 0.3s ease-in-out  !important;
	-o-transition: all 0.3s ease-in-out  !important;
	-ms-transition: all 0.3s ease-in-out  !important;
	transition: all 0.3s ease-in-out  !important;

}
.nav li a:hover{
	color:#fff;
	background-position-y: -19px;
}


.a{
	background:url(../img/ho.png) no-repeat;
	background-position-x: 78px;
    background-position-y: 6px;
}

.b{
	background: url(../img/mo.png) no-repeat;
	background-position-x: 68px;
    background-position-y: 6px;
}

.c{
	background: url(../img/ta.png) no-repeat;
	background-position-x: 65px;
    background-position-y: 6px;}

.d{
	background: url(../img/9a.png) no-repeat;
	background-position-x: 100px;
    background-position-y: 6px;
}

.e{
	background: url(../img/a3.png) no-repeat;
	background-position-x: 73px;
    background-position-y: 6px;
}
.f{
	background: url(../img/call.png) no-repeat;
	background-position-x: 83px;
    background-position-y: 6px;
}
.char{
	position:absolute;
	left:0px;
	top:4px;
}
.sda{
	background:url(../img/icons-sol.png) no-repeat;
	background-position:bottom;
}
.char ul li{
	display:inline;
}
#in1{
	background-position: 0px -27px;
	height: 30px;
	width: 30px;
	float: left;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#in1:hover {
	background-position: 0px -3px;
}
#in2 {
	background-position: -30px -27px;
	height: 30px;
	width: 30px;
	float: left;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#in2:hover {
	background-position: -30px -3px;
}
#in3{
	background-position: -60px -27px;
	height: 30px;
	width: 30px;
	float: left;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#in3:hover {
	background-position: -60px -3px;
}
#in4 {
	background-position: -90px -27px;
	height: 30px;
	width: 30px;
	float: left;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#in4:hover {
	background-position: -90px -3px;
}
#in5 {
	background-position: -120px -27px;
	height: 30px;
	width: 30px;
	float: left;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#in5:hover {
	background-position: -120px -3px;
}

/*========== search =========*/
#search {
	background-color:#077873;
	float:left;
	height:35px;
	width:143px;
	margin:0;
	position:absolute;
	left:2px;
	top:35px;

}
.button9{}
.serch .button9 {
	background: url(../img/botton-search.jpg) no-repeat;	
	position:absolute;
	border:0;
	height:35px;
	padding:0;
	width:36px;
	left:0px;
	z-index:9999999999999;
}
.serch .bginput-3 {
	background-color:#008b85;
	color:#FFFFFF;
	display:block;
	float: right; 
	height:31px; 
	margin-top:0px;
	text-shadow:#111111 0 1px 0;
	width:120px;
	padding-right:7px;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
textarea, .bginput-3, .bginput {
    background-color:#FFF;
	background-position:initial initial;
	background-repeat:initial initial;
	border:none 0px;
	color:#333;
	cursor:pointer;
	font-family:'Droid Arabic Kufi',tahoma,sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:2px;
	float:right;
}

/*===== /search ======*/
.ole{
	list-style:none;
	text-align: center;
	margin-bottom:5px;
	margin-right:10px;
	margin-top:13px;
	position:absolute;
	width:1000px !important;
	height:35px !important;

}
.ole li{
	float:right;
	color:#FFF;
	margin-right:20px;
    font-size:12pt;
	font-family: 'Droid Arabic Kufi',Tahoma, Geneva, sans-serif;
}
.out{
	width:30px; height:35px;
	margin-top:2px;
    background:#077874;


	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.out:hover{
	 background:#008b85;
}
.adm,.adm2{
	height:35px;
	background:#077874;
	margin-top:2px;
	width:70px;
	text-align:center;
	position: absolute;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.adm span,.adm2 span{
	color:#FFF;
    font-size:12pt;
	font-family: 'Droid Arabic Kufi',Tahoma, Geneva, sans-serif;
}
.adm2{margin-right:80px;}
.adm2:hover,.adm:hover{
    background:#008b85;
}

.im-log-out{
	background-image:url(../img/out.png);
	background-repeat:no-repeat;
	height:35px;
	width:30px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;	
	
}

.im-log-out:hover{
	background-image:url(../img/out-ho.png);
	background-repeat:no-repeat !important;
}






.log-out{
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	padding-top:20px;
}
.log-out:hover{
	background-image:url(../img/out-ho.png);
	background-repeat:no-repeat;
}










.bginput1{
	position:absolute;
	border:none;
	background-color:transparent;
	width:112px; height:26px;
	top:1px;
	right:3px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:11pt;
	padding-top:5px;
	padding-right:34px;
	color:#fff;
	cursor:pointer;
	font-family:'Droid Arabic Kufi',tahoma,sans-serif;
	font-size:10pt;

}
.bginput2{
	position:absolute;
	border:none;
	background-color:transparent;
	width:112px; height:25px;
	padding-right:34px;
	padding-top:7px;
	top: 1px;
    right: 168px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:11pt;
	color:#fff;
	cursor:pointer;
	font-family:'Droid Arabic Kufi',tahoma,sans-serif;
	font-size:10pt;
}
/*====== /login ======*/

#logo{
	background: url(../img/logo.png) no-repeat;
	width:300px; height:100px;
	position: absolute;
	top:80px;
	left:20px;
transition-property:all !important;
transition-duration:0.3s !important ;
transition-timing-function: ease !important;
transition-delay:0 !important;}
#logo:hover{
	left:40px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-khtml-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.link-footer{
	float: right;
    width: 300px;
	position:relative;
	top:15px;
}
.char-footer{
	position: relative;
	top:30px;
	right:0px;
	width:300px;
}
.vba{
	top:20px;
}
swards-00 img{
	margin-top:15px;
	position:relative;}
.img-mes{
	background: url(../img/post.png) no-repeat;
	width:20px;
	height:20px;
	position:absolute;
	margin-top:-1px;
	margin-right:-15px;}


.button { 
    font: 11px 'Droid Arabic Kufi' ,tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background:#11a8f1;
	border:1px solid #e0e0e0;
	border-radius:3px;
	color:#fff;
}
.button:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.button:active{ position:relative; top:1px}
#swards{
	position:absolute;
	background:#f0f0f0 !important;
	width:148px;
	padding:10px;
	border:1px solid #e0e0e0;
	display:none;
	margin-top:50px;
	margin-right:-87px;

}




